/*!
 * description: è¡¨å•åŸºç¡€æ ·å¼
 *
 * date: 2015-12-21 
 * update: (2015-XX-XX XX:XX)
 */

input,
textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: border-color .2s;
	     -o-transition: border-color .2s;
	        transition: border-color .2s;
}
.control_input {
	display: block;
	width: 100%;
	padding: 17px 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #2d3e4f;
	background-image: none;
	border: 1px solid #bdc3c7;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
.control_input.disabled {
	border-color: #bdc3c7;
	background-color: #eaebed;
	-webkit-user-select: none;   /*ç¦æ­¢é€‰æ‹©æ–‡å­—*/
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
input:focus,
textarea:focus,
.control_input.error,
.input_mini.on { 
	border-color: #e74c3c; 
}

textarea.control_input { height: auto; }

.control_label { 
	display: block; 
	font-size: 20px;
	padding: 15px 0;
}

.input_mini {
	width: 50px; height: 35px; border-radius: 5px; border: 1px solid #bdc3c7;
	box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
	font-size: 14px; line-height: 20px; text-align: center; 
	padding: 4px 8px;
}

/*ä¸‹æ‹‰é€‰æ¡†*/
/*é»˜è®¤é«˜åº¦60
  minié«˜åº¦45*/
.sel_box {
	position: relative;
	display: block;
	width: 100%;
	background-image: none;
	border: 1px solid #bdc3c7;
	background-color: #fff;
	height: 60px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sel_val {
	display: block;
	padding: 17px 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #2d3e4f;
}
.sel_val:hover { color: #2d3e4f; }
.sel_val .arrow {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
	border-style: solid;
	border-color: #2d3e4f transparent transparent transparent;
	border-width: 9px 6px 0 6px;
	width: 0;
	height: 0;
}
.sel_option {
	display: none; 
	position: absolute;
	z-index: 1111111;
	top:58px;
	left: -1px;
	width: 100%;
	overflow-y: auto;
	border: 1px solid #bdc3c7;
	border-top: none;
	background-color: inherit;
    box-shadow: 0 3px 15px #dee1e3;
    max-height: 255px;
}
.sel_option li a {
	display: block;
	padding: 13px 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #2d3e4f;
	border-top: 1px solid #bdc3c7;
}
.sel_option li a:hover { background-color: #ecf0f1; }
.sel_option li.on a { background-color: #e74c3c; color: #fff; }

.sel_box.mini {
	height: 45px;
}
.sel_box.mini .sel_val {
	padding: 12px 20px;
	font-size: 14px; line-height: 20px;
}
.sel_box.mini .sel_option {
	top: 43px;
    max-height: 222px;  // æ˜¾ç¤ºå…­ä¸ª
}
.sel_box.mini .sel_option li a {
	padding: 8px 20px;
	font-size: 12px; line-height: 20px;
}
.sel_box.mini .sel_val .hg_min{
	color: #2c3e50;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
/*å¤é€‰æ¡†*/
.icheck { 
	position: relative;
	display: inline-block;
	padding-left: 30px;
	transition: all .2s;
	height: 20px;
	line-height: 20px;
}

.icheck input[type="checkbox"] {
	position: absolute; z-index: 1; left: 0; top: 1px;
	width: 20px; height: 20px;
	opacity: 0;
}
.icheck i {
	width: 20px; height: 20px; border: 1px solid #bdc3c7; 
	box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
	background-color: #fff; border-radius: 5px;

	position: absolute; top: 1px; left: 0;
	font-size: 16px; color: #fff; text-align: center; line-height: 18px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.icheck.checked i {
	background-color: #3498db; border-color: #3498db;
	box-shadow: none; font-size: 14px;
}
.icheck input[type="checkbox"]:disabled + i {
	border-color: #bdc3c7;
	background-color: #bdc3c7;
	box-shadow: none; 
}
.icheck.disabled span { color: #abb0b4;}

/*å•é€‰æ¡†*/
.iradio {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	transition: all .2s;
	height: 20px;
	line-height: 20px;
}
.iradio input[type="radio"] {
	position: absolute; z-index: 1; left: 0; top: 0;
	width: 20px; height: 20px;
	opacity: 0;
}
.iradio i {
	width: 20px; height: 20px; border: 1px solid #bdc3c7;
	box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
	background-color: #fff; border-radius: 50%;

	position: absolute; top: 0; left: 0;
	font-size: 16px; color: #fff; text-align: center; line-height: 18px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.iradio input[type="radio"]:checked + i {
	border: 7px solid #3498db;
}
.b_option{
	cursor: pointer;
	line-height: 45px;
}
.b_option>span{
	line-height:1;
	font-size: 14px;
	margin-left: 20px;
	color: #2d3e4f;
}
.b_option>i{
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 20px;
    border-style: solid;
    border-color: #2d3e4f transparent transparent transparent;
    border-width: 9px 6px 0 6px;
    width: 0;
    height: 0;	
}